<%@ page contentType="text/html;charset=UTF-8" %>
<jsp:directive.page import="org.springside.core.Constants"/>
<%@ page import="org.springside.core.Constants"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="ec" uri="http://www.extremecomponents.org" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="jodd" uri="http://www.springside.org.cn/jodd_form" %>
<%@ taglib prefix="validator" uri="http://www.springmodules.org/tags/commons-validator" %>
<%@ taglib prefix="fck" uri="http://fckeditor.net/tags-fckeditor" %>
<%@ taglib prefix="oscache" uri="http://www.opensymphony.com/oscache" %>
<%@ taglib prefix="authz" uri="http://acegisecurity.org/authz" %>
<fmt:message key="workflowFileinbox_process_label12" var="workflowFileinbox_process_label12"/>
<fmt:message key="workflowFileinbox_process_label13" var="workflowFileinbox_process_label13"/>
<fmt:message key="workflowFileinbox_process_label14" var="workflowFileinbox_process_label14"/>
<fmt:message key="workflowFileinbox_process_label15" var="workflowFileinbox_process_label15"/>
<fmt:message key="workflowFileinbox_process_label16" var="workflowFileinbox_process_label16"/>
<fmt:message key="workflowFileinbox_process_label17" var="workflowFileinbox_process_label17"/>
<fmt:message key="workflowFileinbox_process_label18" var="workflowFileinbox_process_label18"/>
<fmt:message key="workflowFileinbox_process_label19" var="workflowFileinbox_process_label19"/>
<fmt:message key="workflowFileinbox_process_label20" var="workflowFileinbox_process_label20"/>
<fmt:message key="workflowFileinbox_process_label21" var="workflowFileinbox_process_label21"/>
<fmt:message key="workflowFileinbox_process_label22" var="workflowFileinbox_process_label22"/>
<fmt:message key="workflowFile_finish_label17" var="workflowFile_finish_label17"/>
<fmt:message key="workflowFile_finish_label18" var="workflowFile_finish_label18"/>
<fmt:message key="workflowFile_finish_label19" var="workflowFile_finish_label19"/>
<fmt:message key="workflowFile_finish_label20" var="workflowFile_finish_label20"/>
<fmt:message key="workflowFile_finish_label24" var="workflowFile_finish_label24"/>

<c:set var="date_default_format"><fmt:message key="date.default_format"/></c:set>
<c:set var="time_default_format"><fmt:message key="time.default_format"/></c:set>
<%


String path = request.getContextPath();

String basePath = request.getScheme()+"://"+Constants.getProperty("constant.main_host_ip",request.getServerName())+":"+request.getServerPort()+path+"/1/2/";
%>
<% if("1".equals(org.springside.core.Constants.WEBSIGN_OCX_TYPE)){%> 
<script type='text/javascript' language='JavaScript'>
var webSignValue = "";

function writeNTKOWebSign(websignid, version, width, height, defaultValue){
	webSignValue = defaultValue;
	var contextPath = 'http://${pageContext.request.serverName}:${pageContext.request.serverPort}${pageContext.request.contextPath}';
	document.write('<object id="'+websignid+'" name="'+websignid+'" classid="clsid:DB5B521C-DA92-48e0-AE32-BDC944858D42"   ');
	document.write(' width='+width+' height='+height+'>   ');
	document.write('<param name="ProductCaption" value="金蝶协同系统">  ');
	document.write('<param name="ProductKey" value="17ABF1914833A60C1620685FF6AC644DE33DABDE">    ');
	document.write('<SPAN STYLE="color:red">不能装载网页签章控件。您可能未安装控件，请<a href="'+contextPath +'/help/client.jsp">点此进入</a>下载安装并刷新页面，并请检查浏览器安全设置。</SPAN>   ');
	document.write('</object>   ');
	
}

function clearAllSigns(){//清除所有印章
	var objs = document.getElementsByTagName("object");
	for(var i=objs.length-1;i>=0;i--){
		var obj = objs(i);
		if(obj.classid == "clsid:AA4B3728-B61C-4bcc-AEE7-0AA47D3C0DDA"){
			obj.Close();
			obj.removeNode();
		}
	}
}

//锁定页面所有软航印章
function lockAllNTKOWebSign(){
	//获取该控件 的相对位置
	var objs = document.getElementsByTagName("object");
	for(var i=0;i<objs.length;i++){
		var obj = objs(i);
		if(obj.classid == "clsid:AA4B3728-B61C-4bcc-AEE7-0AA47D3C0DDA"){
			obj.locksign(true);//锁定印章方法
		}
	}
}

function addDefaultSign(){
	if('${param.printflag}'=='true'){
		window.print();
		//window.location.reload();
	}
	if(typeof document.all.webSignHelper_ocx_obj=="undefined" || document.all.webSignHelper_ocx_obj==null){
		return;
	}
	clearAllSigns();
	if(webSignValue != ""){
		document.all.webSignHelper_ocx_obj.value = webSignValue;
	}
	lockAllNTKOWebSign();
	
	
}

window.onload=addDefaultSign;

//注意:这是内部需要使用的函数，除
//ocxElement.codebase = "ntkoWebSign.cab#version=4,0,2,2";
//语句可以根据需要修改之外，其他语句不要修改
function NtkoReserved_AddSecSignOcx(ControlID,ocxLeft,ocxTop)
{
	var ocxElement = null;
	try
	{
		ocxElement = document.createElement('object');
		if("string" == typeof(ControlID))
		{
			ocxElement.id = ControlID;
		}
		ocxElement.style.position = "absolute";
		ocxElement.style.pixelLeft = ocxLeft;
		ocxElement.style.pixelTop = ocxTop;
		ocxElement.codebase = "ntkoWebSign.cab#version=4,0,2,2";
		ocxElement.classid = "clsid:AA4B3728-B61C-4bcc-AEE7-0AA47D3C0DDA"; 
		ocxElement.width = "100";
		ocxElement.height = "10";
		document.body.appendChild(ocxElement);	
		return ocxElement;
	}
	catch(err)
	{		
		alert("印章对象装载错误!请确认您正确安装了NTKO安全电子印章系统！"+ err.number + ":" + err.description);			
		if(ocxElement)
		{
			ocxElement.removeNode();
		}
	}
	return null;
}
//注意：以下函数除提示信息之外，其他语句不要修改。
function NtkoReserved_RunSignHelper(ocxElement,UserName,FileName,PromptSelect,
		PrintMode,IsUseCertificate,IsLocked,IsCheckDocChange,
		IsShowUI,SignPass,SignType,IsAddComment,AdjustToHeight,SignIndex)
{
	if("object" != typeof(ocxElement)) return;
	ocxElement.SetUser(UserName);
	switch(SignType)
	{
		case 0:
			{
				try
				{
					ocxElement.DoSign(FileName,PromptSelect, SignPass, PrintMode, 
						IsUseCertificate, IsLocked,IsCheckDocChange,IsShowUI,IsAddComment);
				}
				catch(err)
				{		
					alert("加盖印章错误!");			
					ocxElement.Close();
					ocxElement.removeNode();
				}
			}
			break;
		case 1:
			{
				try
				{
					ocxElement.DoHandSign(PrintMode,IsUseCertificate,IsLocked,IsCheckDocChange,
						IsShowUI,SignPass,IsAddComment,AdjustToHeight);
				}
				catch(err)
				{
					alert("手写签名错误!");
					ocxElement.Close();
					ocxElement.removeNode();
				}		
			}	
			break;
		case 2:
			{
				try
				{
					ocxElement.DoSignFromEkey(SignPass,PrintMode,IsUseCertificate,IsLocked,
						IsCheckDocChange,IsShowUI,SignIndex,IsAddComment);
				}
				catch(err)
				{
					alert("加盖EKEY印章错误!");
					ocxElement.Close();
					ocxElement.removeNode();
				}		
			}	
			break;	
		case 3:
			{
				try
				{
					ocxElement.DoKeyBoardComment(PrintMode,IsUseCertificate,IsLocked,IsCheckDocChange,IsShowUI,SignPass);
				}
				catch(err)
				{
					alert("添加安全键盘批注错误!");
					ocxElement.Close();
					ocxElement.removeNode();
				}		
			}	
			break;				
		default: 
			{
				try
				{
					ocxElement.DoSign(FileName,true, SignPass, PrintMode, 
						IsUseCertificate, IsLocked,IsCheckDocChange,IsShowUI);
				}
				catch(err)
				{
					alert("加盖印章错误!");
					ocxElement.Close();
					ocxElement.removeNode();
				}					
			}
			break;	
	}
}
</script>
<% }else{%>
<script type='text/javascript' language='JavaScript'>
function writeGoldgridWebSign(jsonOBJ){
	document.write('	<OBJECT ');
	document.write('	name="'+ jsonOBJ.name +'"	');
	document.write('	classid="'+ jsonOBJ.classid +'"	');
	//document.write('	codebase="'+ jsonOBJ.codebase +'"	');  // 加这行就加载不了印章控件
	document.write('	width='+ jsonOBJ.width +'	');
	document.write('	height='+ jsonOBJ.height +'>	');
	var jsonParam = eval(jsonOBJ.jsonParam);  // 获取控件初始化参数的JSON对象
	for(var item in jsonParam){
		if(typeof(jsonParam[item]) == "function"){
			continue;
		}
		document.write('	<param name="'+item+'" value="'+ jsonParam[item] +'">	');
	}
	if(jsonOBJ.WEBSIGN_PARAM){ // 其他参数，原代码中存在从配置文件（firstframe.properties的plugins.websign_param）配置参数
		document.write(jsonOBJ.WEBSIGN_PARAM);
	}
	document.write('	</OBJECT>	');
}	
</script>
<% } %>
<html>
	<head>
	<base href="<%=basePath%>">
	<title>${workflowFile.title}</title>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
		<c:if test="${workflowFileprocesses!=null}">
		<style type="text/css">
body {
	margin: 0px 0px 0px 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #6E5400;
	font-size: 12px;
	background-color: #EBEBE6;
	scrollbar-arrow-color: #0057F5;
	scrollbar-3dlight-color: #cccccc;
	scrollbar-highlight-color: #EAEAE3;
	scrollbar-face-color: #EAEAE3;
	scrollbar-shadow-color: #EAEAE3;
	scrollbar-track-color: #D7D5CA;
	scrollbar-darkshadow-color: #666666;
	}
img {
	behavior:	url("include/pngbehavior.htc");
}

table,td {
	color: #444444;
	font-size: 11px;
	}

p {
	MARGIN-TOP: 0px;
	MARGIN-BOTTOM: 10px;
	}

form {
	margin: 0px;
	}

h1 {
	color: #EA1313;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 8px;
	}

h2 {
	color: #4D95DD;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 6px;
	}

h3 {
	color: #cc6600;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 4px;
	}

h4 {
	color: #333333;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 2px;
	}

h5 {
	color: #333333;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 1px;
	}

LI {
	LIST-STYLE-TYPE: square;
	margin-left: 6px;
	MARGIN-BOTTOM: 2px;
	}

UL {
	MARGIN-TOP: 2px;
	}

hr {
	height: 1px;
}

a:link, a:visited {
	color: #444444;
	font-size: 11px;
	text-decoration: none;
	}
a:hover {
	color: #666666;
	text-decoration: underline;
	}
/* Form Styles */

.button {

    border: 1px solid #B2B2B2;
    background-color: #ffffff;
    font-size: 11px;
    color: #444444;
    font-weight: normal;
    background-image: url(images/formButtonBg.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    }
.buttonOn {

	border: 1px solid #386CA1;
	font-size: 11px;
	color: #ffffff;
	background-color: #00488F;
	font-weight: normal;
	}

input,select {
	border: 1px solid #bbbbbb;
	font-size: 11px;
	background-color: #ffffff;
	vertical-align: bottom;
	}

textarea {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	border: 1px solid #888888;
	font-size: 12px;
	background-color: #ffffff;
	}

/* Content Specific Styles */
	/* body text */
	.contentBox {
		background-color: #ffffff;
		border: 1px #B4B4B4 solid;
		padding: 5px;
	}

	a.body:link, a.body:visited {
		color: #444444;
		font-size: 12px;
		text-decoration: underline;
		}

	a.body:hover {
		color: #666666;
		text-decoration: underline;
		}

	/* myArea is for my account, admin, logout, an about links*/
	.myArea {
		font-size: 11px;
		font-weight: bold;
		color: ffffff;
		}
	a.myArea:link, a.myArea:visited {
		color: ffffff;
		text-decoration: none;
		}
	a.myArea:hover {
		color: #ffff00;
		text-decoration: none;
		}

	/*for the main screen navigation tabs*/
	.currentTab {
		font-size: 12px;
		font-weight: bold;
		padding-top:1px;
		}
	a.currentTab:link, a.currentTab:visited {
		color: #C8293A;
		text-decoration: none;
		}
	a.currentTab:hover {
		color: #A2A2A2;
		text-decoration: none;
		}

	.otherTab {
		font-size: 12px;
		font-weight: bold;
		padding-top:4px;
		}
	a.otherTab:link, a.otherTab:visited {
		color: #444444;
		text-decoration: none;
		}
	a.otherTab:hover {
		color: #666666;
		text-decoration: none;
		}

	.emptyTabSpace {
		border-bottom: 1px solid #67b4ff;
		}

	.subMenu {
		font-size: 6px;
		color: #154D89;
		background-color: #ffffff;
		border-top: 1px solid #A2A2A2;
		border-bottom: 1px solid #A2A2A2;
		border-left: 1px solid #A2A2A2;
		border-right: 1px solid #A2A2A2;
		padding-left:5px;
		padding-right:5px;
		padding-top:4px;
		padding-bottom:4px;
		}
	a.subMenuLink:link, a.subMenuLink:visited {
	font-size: 11px;
		color: #154D89;
		text-decoration: none;
		border-bottom: 0px;
		padding-left: 0px;
		}
	a.subMenuLink:hover {
		color: #000000;
		text-decoration: none;
		border-bottom: 0px;
		}

	/*welcome user and date bar*/
    .moduleTitle {
        border-bottom: 1px solid #BBBBBB;
     }
	.welcome {
		font-size: 12px;
	    color: #444444;
		background-image: url(images/welcomeBg.jpg);
        background-repeat: repeat-x;
		border-bottom: 1px solid #bbbbbb;
		padding-left: 10px;
		height:24px;
		}

	.date {
		font-size: 13px;
		font-weight: bold;
		color: #444444;
		background-color: #dddddd;
		border-bottom: 1px solid #bbbbbb;
		padding-right: 10px;
		}


	/*right main content (suffix S1 stands for Style 1) */
	.listView {
		border-bottom: 1px solid #A2A2A2;
	}


	.listViewPaginationTdS1 {
		font-size: 14px;
		background-color: #BBD3EA;
		padding-right: 5px;
		padding-left: 5px;
		font-weight:bold;
		height:22px;
	}


	a.utilsLink:link, a.utilsLink:visited {
		color: #004283;
		font-size: 11px;
		font-weight: normal;
		text-decoration: none;

		}
	a.utilsLink:hover {
		color: #3E78B2;
		font-size: 11px;
		text-decoration: none;
		}


	/* charting styles */
	.chartBox {
		background-color: #ffffff;
		border: 1px #B4B4B4 solid;
		padding: 5px;
	}



	/* main tab forms */
   .tabForm {
		background-color:#F2F2EF;
		border: 1px #B4B4B4 solid;
		padding: 1px;
	}

	h4.dataLabel {
		color: #000000;
		background-color: #CBE4FE;
		padding-right: 5px;
		padding-left: 5px;
		font-size: 14px;
		font-weight: bold;
		height:22px;
		vertical-align:middle;
	}

	h5.dataLabel {
		color: #888888;
		font-size: 13px;
		font-weight: bold;
		margin-bottom: 1px;
		margin-top: 1px;
	}
	.dataLabel {
		font-weight: bold;
		color: #444444;
		background-color: #F2F2EF;
		padding-right: 3px;
		padding-left: 3px;
		padding-top: 1px;
		padding-bottom: 1px;
		vertical-align: middle;
		text-align: right;
		font-size: 12px
	}
	/*===061129 define start===*/
	.managefont {
		font-weight: bold;
		color: #444444;
		padding-top:9px;
		padding-bottom:9px;
		text-align: right;
		font-size: 12px
	}
	/*===061129 define start===*/
	.dataField {
		font-weight: normal;
		vertical-align : middle;
	}




	/* main tab panel views */
	.tabDetailView {
		border: 1px solid #6A6A5B;
		background-color: #E0E0C0;
	}
	.tabDetailViewDL {
		color: #444444;
		font-weight: bold;
		background-color: #D5E4F2;
		padding-right: 4px;
		padding-left: 4px;
		padding-top: 2px;
		padding-bottom: 2px;
		vertical-align: top;
		text-align: right;
		font-size: 12px
	}



	h4.tabDetailViewDL {
		color: #666666;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 2px;
		text-align: left;
	}
	.tabDetailViewDF {
		color: #555555;
		background-color: #FDFEFF;
		padding-right: 4px;
		padding-left: 4px;
		padding-top: 2px;
		padding-bottom: 2px;
		vertical-align: top;
	    font-size: 12px
	}



/* calendar styles */
   .monthHeader {
    background-image: url(images/calendarHeaderBg.gif);
    background-color: #fbfbfb;
    background-repeat: repeat-x;
    background-position: bottom;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #A2A2A2;
    }

	.monthHeaderH3 {
	color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	}
	.monthCalBody {

	background-color: #CBCBAE;
	}



	a.NextPrevLink:link, a.NextPrevLink:visited {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	}
	a.NextPrevLink:hover {
	text-decoration: none;
	font-weight: bold;
	}


	.monthCalBodyTHDay {
	font-size: 12px;
	background-color: #59594C;
	BACKGROUND-IMAGE: url(images/monthCalBodyTHDay_bg.gif);
	color: #000000;
	padding: 5px;
	font-weight:bold;
	}
	.monthCalBodyWeek {
	vertical-align: top;
	background-color: #ACAC93;
	color: #ffffff;
	padding: 5px;
	}

	.monthCalBodyTodayWeekDay {
	border: 1px solid #A2A2A2;
	background-color: #ffffff;
	color: #444444;
	padding: 3px;
	text-align: right;
	}

	.monthCalBodyWeekDay {
	background-color: #FDFEFF;
	color: #444444;
	padding: 3px;
	text-align: left;
	}

	.dailyCalBodyTime {
	vertical-align: top;
	background-color: #D5E4F2;
	color: #ffffff;
	padding: 3px;
	font-weight: bold;
	height: 20px;
	}

	a.weekCalBodyDayLink:link, a.weekCalBodyDayLink:visited {
	color: #255194;
	}
	a.weekCalBodyDayLink:hover {
	color: #255194;
	}


	/* misc font displays */

	.required {
		color: #ff0000;
	}
	.error {
		color: #ff0000;
	}
	.success {
		color: #00ee00;
	}

	.tm {
		font-size: 8px;
		font-family: Verdana;
	}

	.footer {
padding-top: 10px;
padding-bottom: 10px;
	}


/* dynamic tab styles */


ul.tablist li a.current
{
background: #D5E4F2;
border-bottom: 1px solid #D5E4F2;
}



/* acl role colors */



.warningBox A {
	FONT-WEIGHT: bold
}

.warningBox {
	PADDING-RIGHT: 5px;
	BACKGROUND-POSITION: 5px 5px;
	MARGIN-TOP: 0px;
	PADDING-LEFT: 30px;
	MARGIN-BOTTOM: 0px;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px;
	BACKGROUND-REPEAT: no-repeat
}

.warningBox {
	BORDER-RIGHT: #FFCCCC 1px solid;
	BORDER-TOP: #FFCCCC 1px solid;
	BACKGROUND-IMAGE: url(images/tip_16.gif);
	BORDER-LEFT: #FFCCCC 1px solid;
	BORDER-BOTTOM: #FFCCCC 1px solid;
	BACKGROUND-COLOR: #FFFBFB
}


/*email styles*/
.emaildefaulthead
{
   background-image: url(images/emailHeaderBg.gif);
   height:31px;
   font-weight:bolder;
}

.emaildefaultright
{
   background-color:#FFFFFF;
   height:30px;
}
/*knowledge styles*/
.knowledgelistheaderbg{
 background-image: url(images/moduleTab_middle.gif);
 height:20px;
 font-weight:bolder;
 color:#000000;
}
.knowledgelistbg{
 background-image: url(images/linebg.jpg);
 height:25px;
 color:#000000;
}
.knowledgelistheader
{
 font-weight:bolder;
 color:#ffffff
}
.knowledgetable {
    background-color: #ffffff;

    border-bottom: 1px solid #A2A2A2;
    border-left: 1px solid #A2A2A2;
    border-right: 1px solid #A2A2A2;
    }

/*meeting styles*/
    .meetingtable {
    font-size: 11px;
    color: #ffffff;
	border-top: 1px solid #74AAE8;
    border-bottom: 1px solid #74AAE8;
    border-left: 1px solid #74AAE8;
    border-right: 1px solid #74AAE8;
    }
   .meetingtableHeader {
    font-size: 12px;
    color: #2C6BAF;
    background-image: url(images/calendarHeaderBg.gif);
	font-weight:bold;
    }
	.meetingtableHeaderSort {
    font-size: 12px;
    color: #FF0000;
    background-image: url(images/calendarHeaderBg.gif);
	font-weight:bold;
    }

/*news styles*/
.newdetailheader
{
 font-weight:bolder;
 color:#05006C;
 font-size:24px;
 vertical-align:middle;
 height:40px;
}
.newdetailsubheader
{
 font-weight:bolder;
 color:#05006C;
 font-size:14px;
 height:20px;
}
.newdetailfrom
{
 color:#A20010;
 font-size:12px;
}
/* forum Styles */
.forumborder {
    background-color: #efefef;
    border: 1px #9E9E9E solid;
    padding: 5px;
    background-position: bottom;
    background-repeat : repeat-x;
    }
.forumHeader
 {
    background-color: #F7F8F7;
    }
.forumclassHeader
 {
	 background-image: url(images/forumHeaderBg.gif);
	 height:25px;
    }
.forumclassrows
 {
    background-color: #ffffff;
    }
/*portal styles*/

.portallisttilebg
{
	 height:25px;
	 font-weight:bold;
	 color:#000000;
	 padding-left:5px;
}
.portallisttilebg2
{
	 height:25px;
	 font-weight:bold;
	 color:#000000;
	 padding-left:5px;
}

.portaltable
{
	 color:#666666;
	 background-color: #ffffff;
	 border-top:#565656 1px solid;
	 border-bottom:#C9C9C9 1px solid;
	 border-left:#C9C9C9 1px solid;
	 border-right:#C9C9C9 1px solid;
}

.portalclalendarHeader {
	color: #ffffff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	}
a.portalclalendarLink:link, a.portalclalendarLink:visited {
	font-size: 11px;
		color: #ffffff;
		text-decoration: none;
		border-bottom: 0px;
		padding-left: 0px;
		}
a.portalclalendarLink:hover {
		color: #000000;
		text-decoration: none;
		border-bottom: 0px;
		}
.eXtremeTable {
    margin: 0;
    padding: 0;
}

.eXtremeTable select {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 12px;
    border: solid 1px #EEEEEE;
    width: 60px;
}

.eXtremeTable .tableRegion {
  border: 1px solid #B4B4B4;
}

.eXtremeTable .filter {
    background-color: #eeeeee;
}

.eXtremeTable .title {
    color: #1a7cdf;
    vertical-align: middle;
    font-size: 18px;
    font-weight: bold;

}

.eXtremeTable .titleRow {
    background-color: #F4F4F4;
}

.eXtremeTable .titleRow td {
    border-bottom: 1px solid #308dbb;
    padding-top: 2px;
    padding-bottom: 2px;
    vertical-align: middle;
}

.eXtremeTable .titleRow span {
    color: #444444;
    font-weight: bold;
    font-size: 12px;
}

.eXtremeTable .filter input {
    font-size: 12px;
    width: 100%;
}

.eXtremeTable .filter select {
    font-size: 9px;
    border: solid 1px #EEEEEE;
    width: 100%;
}

.eXtremeTable .tableHeader a, .tableHeaderSort a {
    color: #444444;
}

.eXtremeTable .tableHeader {
    font-size: 11px;
    color: #000000;
	font-weight:bold;
    text-align: left;
	background-image: url(images/listViewBg.gif);
	background-repeat: repeat-x;
    background-color: #B8CCDD;
    background-position: bottom;
    padding-left: 5px;
    padding-right: 5px;
    border-bottom: 1px solid #980000;
    height: 20px;
	text-valign:middle;
}

.eXtremeTable .tableHeaderSort {
    font-size: 11px;
    color: #000000;
	font-weight:bold;
    text-align: left;
    background-color: #B8CCDD;
	background-image: url(images/listViewBg.gif);
	background-repeat: repeat-x;
    background-position: bottom;
    padding-left: 5px;
    padding-right: 5px;
    border-bottom: 1px solid #000098;
    height: 20px;
}

.eXtremeTable .odd a {
    color: Black;
    font-size: 12px;
}

.eXtremeTable .even a {
    color: Black;
    font-size: 12px;
}

.eXtremeTable .odd td {
    font-size: 12px;
    color: #000000;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 4px;
    padding-top: 2px;
    border-bottom: 1px solid #B4B4B4;
}

.eXtremeTable .odd {
    background-color:#ffffff;
}

.eXtremeTable .even td {
    font-size: 12px;
    color: #000000;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 4px;
    padding-top: 2px;
    border-bottom: 1px solid #B4B4B4;
}

.eXtremeTable .even {
    background-color:#ffffff;
}

.eXtremeTable .highlight td {
    font-size: 12px;
    color: #000000;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 4px;
    padding-top: 2px;
    border-bottom: 1px solid #B4B4B4;
}

.eXtremeTable .highlight {
    background-color:#C9D7E9;
}

.eXtremeTable .highlight a, .highlight a {
    color: black;
    font-size: 12px;
}

.eXtremeTable .toolbar {
    background-color: #FFFFFF;
    font-size: 12px;
    border-right: 1px solid silver;
    border-left: 1px solid silver;
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
}

.eXtremeTable .toolbar td {
    color: #444444;
    padding: 0px 3px 0px 3px;
    text-align: center;
}

.eXtremeTable .separator {
    width: 7px;
}

.eXtremeTable .statusBar {
    font-size: 10px;
    color: #999999;
    background-color: #F2F2EF;
    padding-right: 5px;
    padding-left: 5px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #FFFFFF;
}

.eXtremeTable .compactToolbar {
    font-size: 10px;
    color: #999999;
    background-color: #F2F2EF;
    padding-right: 5px;
    padding-left: 5px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #FFFFFF;
}

.eXtremeTable .filterButtons {
    background-color: #F4F4F4;
    text-align: right;
}

.eXtremeTable .title span {
    margin-left: 7px;
}

.eXtremeTable .formButtons {
    display: block;
    margin-top: 10px;
    margin-left: 5px;
}

.eXtremeTable .formButton {
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    background-color: #308dbb;
    color: white;
    margin-top: 5px;
    border: outset 1px #333;
    vertical-align: middle;
}

.eXtremeTable .calcRow {
    background-color: #FFFFFF;
}

.eXtremeTable .calcRow td {
    background-color: #FFFFFF;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

.eXtremeTable .calcTitle {
    font-weight: bold;
    font-size: 12px;
}

.eXtremeTable .calcResult {
    font-size: 12px;
}

</style>

		</c:if>
	</head>

<body>

<jodd:form bean="workflowFile" scope="request">
${dynamicForm}
</jodd:form>

<c:if test="${workflowFileprocesses!=null}">

<br><hr>
<TABLE class=tabForm cellSpacing=0 cellPadding=0 width="95%" border=0 align="center">
<TR><TD>
	<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0 align="center">
	  <TBODY>
		<TR>
			<TD class=listViewPaginationTdS1>
			${workflowFileinbox_process_label12}

			</TD>
		</TR>
	    <TR>
	    	<TD width="100%">
	<div class="eXtremeTable" >
	<table id="ec_table"  border="0"  cellspacing="0"  cellpadding="0"  width="100%" >
		<thead>
		<tr>
			<td class="tableHeader">${workflowFileinbox_process_label13}</td>
			<td class="tableHeader">${workflowFileinbox_process_label14}</td>
			<td class="tableHeader">${workflowFileinbox_process_label15}</td>
			<td class="tableHeader">${workflowFileinbox_process_label16}</td>
			<td class="tableHeader">${workflowFileinbox_process_label17}</td>
			<td class="tableHeader">${workflowFileinbox_process_label18}</td>
		</tr>
		</thead>
		<tbody class="tableBody" >
		<c:set var="stepcount" value="0"/>
		<c:forEach var="workflowFileprocess" items="${workflowFileprocesses}">
		<c:set var="stepcount" value="${stepcount+1}"/>
		<tr class="${stepcount%2==1?"odd":"even"}"  onmouseover="this.className='highlight'"  onmouseout="this.className='${stepcount%2==1?'odd':'even'}'" >
			<td style="text-align: left;width: 19%;word-break:break-all;word-wrap:break-word" >
				<c:if test="${workflowFileprocess.userByUserId.id == sessionScope.loginUser.id}"><b></c:if>
	            <!-- modify by liuzhengwei 2010-11-15 -->
				<c:if test="${workflowFileprocess.inboxstatus==7}">
						<c:if test="${fn:length(workflowFileprocess.rePositionOperation==null?'':workflowFileprocess.rePositionOperation)> 10}">
				           <span title="${workflowFileprocess.rePositionOperation==null?'':workflowFileprocess.rePositionOperation}">${fn:substring(workflowFileprocess.rePositionOperation==null?'':workflowFileprocess.rePositionOperation,0, 10)}...</span>
		              </c:if>
		              <c:if test="${fn:length(workflowFileprocess.rePositionOperation==null?'':workflowFileprocess.rePositionOperation)<=10}">
				               ${workflowFileprocess.rePositionOperation==null?'':workflowFileprocess.rePositionOperation}
		              </c:if>
	              </c:if>
	              <c:if test="${workflowFileprocess.inboxstatus!=7}">
	                ${workflowFileprocess.workflowStepByStepPid.name}
	             </c:if>
				<c:if test="${workflowFileprocess.userByUserId.id == sessionScope.loginUser.id}"></b></c:if>
	        </td>
			<td style="text-align: left;width: 15%;word-break:break-all;word-wrap:break-word" >
				<c:if test="${workflowFileprocess.userByUserId.id == sessionScope.loginUser.id}"><b></c:if>
	            ${workflowFileprocess.userByUserPid.name}
				<c:if test="${workflowFileprocess.userByUserId.id == sessionScope.loginUser.id}"></b></c:if>
			</td>
			<td style="text-align: left;width: 15%;word-break:break-all;word-wrap:break-word" >
				<c:if test="${workflowFileprocess.userByUserId.id == sessionScope.loginUser.id}"><b></c:if>
	            ${workflowFileprocess.workflowStepByStepId.name}
				<c:if test="${workflowFileprocess.userByUserId.id == sessionScope.loginUser.id}"></b></c:if>
	        </td>
			<td style="text-align: left;width: 15%;word-break:break-all;word-wrap:break-word" >
				<c:if test="${workflowFileprocess.userByUserId.id == sessionScope.loginUser.id}"><b></c:if>
	            ${workflowFileprocess.userByUserId.name}
				<c:if test="${workflowFileprocess.userByUserId.id == sessionScope.loginUser.id}"></b></c:if>
			</td>
			<td style="text-align: left;width: 18%;word-break:break-all;word-wrap:break-word" >
				<c:if test="${workflowFileprocess.userByUserId.id == sessionScope.loginUser.id}"><b></c:if>
				<fmt:formatDate value="${workflowFileprocess.startdate}" pattern="${date_default_format}"/>
	        	<fmt:formatDate value="${workflowFileprocess.startdate}" pattern="${time_default_format}"/>
				<c:if test="${workflowFileprocess.userByUserId.id == sessionScope.loginUser.id}"></b></c:if>
			</td>
			<td style="text-align: left;width: 18%;word-break:break-all;word-wrap:break-word" >
				<c:if test="${workflowFileprocess.userByUserId.id == sessionScope.loginUser.id}"><b></c:if>
				<fmt:formatDate value="${workflowFileprocess.sentdate}" pattern="${date_default_format}"/>
	        	<fmt:formatDate value="${workflowFileprocess.sentdate}" pattern="${time_default_format}"/>
				<c:if test="${workflowFileprocess.userByUserId.id == sessionScope.loginUser.id}"></b></c:if>
			</td>
		</tr>
		<tr class="${stepcount%2==1?"odd":"even"}"  onmouseover="this.className='highlight'"  onmouseout="this.className='${stepcount%2==1?'odd':'even'}'" >
			<c:if test="${workflowFileprocess.inboxstatus!=7}">
			<td align="right" width="15%">
				${workflowFile_finish_label17}:
				<br>
				${workflowFile_finish_label18}:
	        </td>
	        <td  colspan="5" style="text-align: left;">
				${processStatusEnum[workflowFileprocess.inboxstatus]}
				<br>
				 <c:if test="${!empty workflowFileprocess.days && workflowFileprocess.days ne 0}">
					${workflowFile_finish_label19} ${workflowFileprocess.days} ${workflowFile_finish_label20} &nbsp;
	            </c:if>
	            <c:if test="${fn:length(workflowFileprocess.leaveword==null?'':workflowFileprocess.leaveword)> 30}">
	             <span title="${workflowFileprocess.leaveword==null?'':workflowFileprocess.leaveword}">${fn:substring(workflowFileprocess.leaveword==null?'':workflowFileprocess.leaveword,0, 30)}...</span>
	            </c:if>
	            <c:if test="${fn:length(workflowFileprocess.leaveword==null?'':workflowFileprocess.leaveword)<= 30}">
	            ${workflowFileprocess.leaveword==null?'':workflowFileprocess.leaveword}&nbsp;
	            </c:if>
	        </td>
		</c:if>
		<c:if test="${workflowFileprocess.inboxstatus==7}">
			<td align="right" width="15%">
				${workflowFile_finish_label17}:
				<br>
				${workflowFile_finish_label18}:
	            <br>
	            ${workflowFile_finish_label24}:
	        </td>
	         <td  colspan="5" style="text-align: left;">
				${processStatusEnum[workflowFileprocess.inboxstatus]}
				<br>
				 <c:if test="${!empty workflowFileprocess.days && workflowFileprocess.days ne 0}">
					${workflowFile_finish_label19} ${workflowFileprocess.days} ${workflowFile_finish_label20} &nbsp;
	            </c:if>
	            <c:if test="${fn:length(workflowFileprocess.leaveword==null?'':workflowFileprocess.leaveword)> 30}">
	             <span title="${workflowFileprocess.leaveword==null?'':workflowFileprocess.leaveword}">${fn:substring(workflowFileprocess.leaveword==null?'':workflowFileprocess.leaveword,0, 30)}...</span>
	            </c:if>
	            <c:if test="${fn:length(workflowFileprocess.leaveword==null?'':workflowFileprocess.leaveword)<= 30}">
	            ${workflowFileprocess.leaveword==null?'':workflowFileprocess.leaveword}&nbsp;
	            </c:if>
	            <br>
	            <span title="${workflowFileprocess.rePositionReason==null?'':workflowFileprocess.rePositionReason}">
	            <c:if test="${fn:length(workflowFileprocess.rePositionReason==null?'':workflowFileprocess.rePositionReason)> 40}">
		                	${fn:substring(workflowFileprocess.rePositionReason==null?'':workflowFileprocess.rePositionReason,0, 40)}...
                </c:if>
                <c:if test="${fn:length(workflowFileprocess.rePositionReason==null?'':workflowFileprocess.rePositionReason)<= 40 }">
                	${workflowFileprocess.rePositionReason==null?'':workflowFileprocess.rePositionReason}&nbsp;
                </c:if>
	            </span>
	        </td>
		</c:if>
		</tr>

		</c:forEach>
		</tbody>
	</table>
	</div>
			</TD>
		</TR>
	</TABLE>
</TD></TR>
</TABLE>
</c:if>
</body></html>